<template>
	<div class="bg">
		<ul class="box">
			<li v-for='item in AdvertisementList'>
				<img :src="item.imgUrl" alt="">
			</li>
			
			
		</ul>
	</div>
</template>
<script type="text/javascript">
	export default {
	props:['AdvertisementList']
	}
</script>
<style type="text/css" scoped>
	.bg{
		height: 0;
		overflow: hidden;
		padding-bottom: 25.87%;
		background: #ccc;
	}
	.box{
		width: 100%;
    	margin-top: .2rem;
    	background-color: #fff;
   		display: -webkit-box;
        color: #212121;
    	font-size: .28em;
    	line-height: 1;
    	border-color: #e0e0e0;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
	}
	.box li{
		width: 50%;
		height: 100%;

	}
	
	.box li img{
		width: 90%;
		height: 90%;
		margin-left: 9%;

	}
</style>